import { Path, Svg } from 'react-native-svg'

// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
import { createIcon } from '../factories/createIcon'

export const [PaypalLogo, AnimatedPaypalLogo] = createIcon({
  name: 'PaypalLogo',
  getIcon: (props) => (
    <Svg viewBox="0 0 24 24" fill="none" {...props}>
      <Path
        d="M16.6372 5.20648C15.8903 4.362 14.5406 4 12.8134 4H7.80158C7.44828 4 7.14789 4.25499 7.09245 4.60048L5.00538 17.7313C4.96405 17.9903 5.16617 18.2248 5.43077 18.2248H8.52483L9.30199 13.3349L9.2778 13.4879C9.33324 13.1424 9.63162 12.8874 9.98442 12.8874H11.4546C14.3435 12.8874 16.605 11.7234 17.2657 8.35643C17.2854 8.25643 17.3171 8.06494 17.3171 8.06494C17.5046 6.81896 17.3156 5.97347 16.6372 5.20648ZM18.1003 8.70268C17.3816 12.0176 15.0904 13.7721 11.4546 13.7721H10.1361L9.15282 20H11.2913C11.6002 20 11.8628 19.777 11.9112 19.4745L11.9364 19.3425L12.4283 16.2516L12.4601 16.0811C12.5079 15.7786 12.771 15.5556 13.0795 15.5556H13.4701C15.9966 15.5556 17.9753 14.5371 18.5534 11.5921C18.7853 10.4101 18.6739 9.41917 18.1003 8.70268Z"
        fill="currentColor"
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </Svg>
  ),
  defaultFill: '#131313',
})
